$(function(){
	$(".cir").click(function(){
		var p1 = document.getElementById("filter-list");
		if(p1.childNodes[1].childNodes[1].childNodes[1].childNodes[1].style.display=='none') {
			$(this).children("p").css({
				"display":"block"
			});
			$(this).animate({
				'height':'20px',
				'width':'20px',
				'border-radius':'10px'
			},500);
			$(this).css({
				'border':'1.5px solid green'
			});
			$(this).children("p").animate({
				'height':'16px',
				'width':'16px',
				'border-radius':'8px'
			},500);
		}else{
			$(this).children("p").css({
				"display":"none"
			});
			$(this).css({
				'border':'1.5px solid gray'
			});
			$(this).animate({
				'height':'16px',
				'width':'16px',
				'border-radius':'8px'
			},500);
			$(this).children("p").animate({
				'height':'12px',
				'width':'12px',
				'border-radius':'6px'
			});
		}
	}) 	
		$(".cir").click(function(){
		var p1 = document.getElementById("filter-list");
		if(p1.childNodes[2].childNodes[1].childNodes[1].childNodes[1].style.display=='none') {
			$(this).children("p").css({
				"display":"block"
			});
			$(this).css({
				'border':'1.5px solid green'
			});
			$(this).animate({
				'height':'20px',
				'width':'20px',
				'border-radius':'10px'
			},500);
			$(this).children("p").animate({
				'height':'16px',
				'width':'16px',
				'border-radius':'8px'
			},500);
		}else{
			$(this).children("p").css({
				"display":"none"
			});
			$(this).css({
				'border':'1.5px solid gray'
			});
			$(this).animate({
				'height':'16px',
				'width':'16px',
				'border-radius':'8px'
			},500);
			$(this).children("p").animate({
				'height':'12px',
				'width':'12px',
				'border-radius':'6px'
			});
		} 
	}) 
})


